<!doctype html>
<html class="no-js">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="description" content="">
  <meta name="keywords" content="">
  <meta name="viewport"
        content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  <title><?php bloginfo('name'); ?> | <?php wp_title(); ?></title>
  <!-- Set render engine for 360 browser -->
  <meta name="renderer" content="webkit">
  <!-- No Baidu Siteapp-->
  <meta http-equiv="Cache-Control" content="no-siteapp"/>
  <link rel="icon" type="image/jpg" href="<?php echo get_template_directory_uri(); ?>/assets/imgs/favicon.jpg">
  <link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/assets/css/amazeui.min.css">
  <link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/assets/css/app.css">
  <link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/style.css"><!-- Google Tag Manager -->
</head>
<body>
<!-- 头部开始 -->
<header class="am-topbar am-topbar-fixed-top header">
  <div class="am-g am-g-fixed">
    <h1 class="am-topbar-brand">
      <a href="<?php echo home_url(); ?>"><img src="<?php echo get_template_directory_uri(); ?>/assets/imgs/logo_top.png"></a>
    </h1>
    <div class="am-collapse am-topbar-collapse" id="doc-topbar-collapse">
      <div class="am-topbar-right">
      <a href='<?php if(is_user_logged_in()){echo wp_logout_url();}else{echo wp_login_url();}?>' class="am-btn am-btn-primary am-topbar-btn am-btn-sm" target="_blank"><?php if(is_user_logged_in()){echo "登出";}else{echo "登录";}?></a>
      </div>
      <div class="am-topbar-right">
        <ul class="am-nav am-nav-pills am-topbar-nav">
          <li class="<?php if(is_home()){ echo "am-active";}else{echo "";}?>"><a href="<?php echo home_url(); ?>">首页</a></li>
          <li class="<?php if($_GET["post_type"]=='art_web'){ echo "am-active";}else{echo "";}?>"><a href="<?php echo site_url('?post_type=art_web'); ?>">网页作品</a></li>
          <li class="<?php if($_GET["post_type"]=='art_mobile'){ echo "am-active";}else{echo "";}?>"><a href="<?php echo site_url('?post_type=art_mobile'); ?>">H5作品</a></li>
          <li class="<?php if($_GET["post_type"]=='art_share'){ echo "am-active";}else{echo "";}?>"><a href="<?php echo site_url('?post_type=art_share'); ?>">前端分享</a></li>
          <li class="<?php if($_GET["post_type"]=='art_lab'){ echo "am-active";}else{echo "";}?>"><a href="<?php echo site_url('?post_type=art_lab'); ?>">实验室</a></li>
          <li class="<?php if(is_page()){ echo "am-active";}else{echo "";}?>"><a href="<?php echo site_url('联系我'); ?>">关于我</a></li>
        </ul>
        <form action="" class="am-topbar-form am-topbar-left am-form-inline" role="search">
          <div class="am-input-group">
            <input type="text" class="am-form-field search" name="s">
            <span class="am-input-group-btn">
              <button class="am-btn am-btn-default"><span class="am-icon-search"></span> </button>
            </span>
          </div>
        </form>
      </div>
    </div>
  </div> 
</header>

<!-- 头部结束 -->





